<script type="text/x-template" id="cc-poster-show">
    <a href="javascript:void(0)">
                       <div class="poster" :style="customStyle"></div>
        </a>
</script>

<script>
    Vue.component('cc-poster-show', {
        template: '#cc-poster-show',
        props: ['src'],
        methods: {

        },
        computed: {
            customStyle: function () {
                var tempStyle = {};
                tempStyle['background-image']="url(" + this.src +")"
                return tempStyle;
            }
        },
        watch: {},
        mounted() {

        },
        created() {

        }
    })
</script>

<style>
   .poster{
        height: 100%;
        background-size: cover;
        background-position: center center;
   }
</style>